<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="fr">
<jsp:include page="header.jsp" />


<%@ page import="com.google.gdata.data.photos.*"%>
<%@ page import="com.diemat.tools.PicasaAccess"%>
<%
PicasaAccess myPicasa = new PicasaAccess();

	String albumId = request.getParameter("albumId");
	AlbumFeed feed = myPicasa.getAlbumFeed("puteaux.handball", albumId);
	String albumName = feed.getTitle().getPlainText();
%>
<body data-spy="scroll" data-target=".bs-docs-sidebar">

	<jsp:include page="navigation-bar.jsp">
		<jsp:param name="active" value="exemple" />
	</jsp:include>

	<div class="jumbotron subhead">
		<div class="container">
			<h1><%=albumName%></h1>
		</div>
	</div>

	<div class="row-fluid">
		<!-- Carousel
          ================================================== -->
		<div id="myCarousel" class="carousel slide">
			<div class="carousel-inner">
				<%
					boolean activeNotDefined = true;
					for (PhotoEntry photo : feed.getPhotoEntries()) {
						if (activeNotDefined) {
							activeNotDefined = false;
				%>
				<div class="item active">
					<%
						} else {
					%>
					<div class="item">
						<%
							}
						%>
						<a href="<%=photo.getHtmlLink().getHref()%>"><img
							class="img-polaroid"
							src="<%=photo.getMediaContents().get(0).getUrl()%>" alt=""></a>
					</div>
					<%
						}
					%>
					<a class="left carousel-control" href="#myCarousel"
						data-slide="prev">&lsaquo;</a> <a class="right carousel-control"
						href="#myCarousel" data-slide="next">&rsaquo;</a>

				</div>
			</div>
		</div>
		<jsp:include page="footer.jsp" />
</body>
</html>
